<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>show和hide的动画</title>
		<script src="../day8/jquery-3.4.1.min.js"></script>
		<script>
		$(function(){
			$("#btn").click(function(){
				$("#adv").hide(4000,function(){
					alert("图片不见了");
				});
			})
			$("#btnShow").click(function(){
				//$("#adv").show(3000);
				var im=$("#adv")[0];
				im.style.display="block";
			});
		});
		</script>
	</head>
	<body>
		<div>
			<img id="adv" src="../day4/1621998059577218.jpg" width="1000px"/>
		</div>
		<div>
			<input type="button" value="隐藏" id="btn">
			<input type="button" value="显示" id="btnShow">
		</div>
	</body>
</html>
